<%@ page pageEncoding="UTF-8"%>
<%@ taglib uri="/WEB-INF/customTag.tld" prefix="ct"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>


<c:import url="/inc/header.jsp" />
<c:import url="/inc/menu.jsp" />
<c:import url="/inc/content-begin.jsp" />

<div class="head">
	<div class="info">
		<h1>Liste des phases.</h1>
		<ul class="breadcrumb">
			<li class="active">Modifiez toute les données relative au
				calendrier d'une opération.</li>
		</ul>
	</div>
</div>
<div class="content">
	<c:import url="/inc/alert-ie.jsp" />
	<c:import url="/inc/alerts.jsp" />

	<div class="row-fluid">
		<div class="span12">
			<div class="block">
				<div class="head">
					<h2>Opération : ${op.libelle.intitule}</h2>
					<ul class="buttons">
						<li><a href="#" class="block_toggle"><span
								class="i-arrow-down-3"></span></a></li>
						<li><a href="#" class="block_remove"><span
								class="i-cancel-2"></span></a></li>
					</ul>
				</div>
				<div class="content np">
					<ct:input type="noinput" nom="Description" object="${op.libelle}"
						form="${form}" id="intitule" />

					<ct:input type="noinput" nom="Etat" object="${op.libelle}"
						form="${form}" id="etat" />

				</div>
			</div>
		</div>
	</div>
	<div class="row-fluid">
		<div class="span12">
			<div class="block">
				<div class="head">
					<h2>Sommaire des phases</h2>
					<ul class="buttons">
						<li><a href="#" class="block_toggle"><span
								class="i-arrow-down-3"></span></a></li>
						<li><a href="#" class="block_remove"><span
								class="i-cancel-2"></span></a></li>
					</ul>
				</div>
				<div id="sommaire">
					<div class="content np">
						<c:set var="nomEtape" value="" />
						<div class="content np">
							<div class="controls-row">
								<c:forEach items="${calendrier.listePhases}" var="phase">

									<c:if test="${phase.etape != nomEtape }">
										<c:set var="nomEtape" value="${phase.etape}" />
										<p></p> ${phase.etape}: 
									</c:if>
							- <a href="#${phase.nom}" >${phase.nom}</a>

								</c:forEach>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- <div style="position: fixed; z-index: 1">-->
	<div class="row-fluid">
		<div class="span12">
			<div class="block">
				<div class="head">
					<h2>Résumé graphique de "${op.libelle.intitule}"</h2>
				</div>
				<div class="content np">
					<%--<p>[Ici le résumé de l'opération ainsi qu'un résumé graphique
						de l'état de l'opération avec un calendrier graphique vertical
						possedant une barre prévisionnel et une barre d'avancement OU BIEN
						un simple résumé graphique et le texte dans une autre block.]</p> --%>
					

						<c:import url="/WEB-INF/private/testChronoline2.jsp" />



				</div>

				<div class="footer">
					<div class="side fr">
						<input id="to-today" type="button" class="btn btn-primary"
							value="Aujourd'hui" />
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- </div> -->



	<form method="POST"
		action="<c:url value="/private/listePhase?id=${op.id}"/> ">

		<c:forEach items="${calendrier.listePhases}" var="phase">

			<ct:input nom="" type="hidden" object="${phase}" form="${form}"
				id="nom" />
			<ct:input nom="" type="hidden" object="${phase}" form="${form}"
				id="id" />


			<div class="row-fluid">
				<div class="span12">
					<div class="block">
						<div class="head">
							<h2 id="${phase.nom}" class="diff-anchor">
								<span style="color: ${phase.couleur}">Phase: </span>
								${phase.nom} <span class="muted"> [Etape: ${phase.etape}]
									(${phase.ordre}) </span>
							</h2>
							<%-- <div class="side fr">
								<c:if test="${phase.isNotCheckAvancement}">
									<c:set var="check" value="checked=\"checked\"" />
								</c:if>
								<label class="checkbox check_toggle"> <input type="checkbox"
									id="${phase.nom}_validee" name="${phase.nom}_validee" ${check} />
									Ne pas utiliser
								</label>
							</div>--%>
							<ul class="buttons">
								<li><a href="#" class="block_toggle"><span
										class="i-arrow-down-3"></span></a></li>
							</ul>
						</div>

						<div class="content np">
							<div class="controls-row">
								<div class="span3">Description:</div>
								<div class="span9">${phase.description}</div>
							</div>
						</div>


						<c:choose>
							<%-- Calendrier previsionnel --%>
							<c:when test="${op.libelle.etat ne  'en cours'}">
								<ct:input nom="Date de debut previsionnel" form="${form}"
									object="${phase}" id="dateDebutPrevi"
									idError="dateDebutPrevi_${phase.nom}" />

								<ct:input nom="Date de fin previsionnel" form="${form}"
									object="${phase}" id="dateFinPrevi"
									idError="dateFinPrevi_${phase.nom}" />
							</c:when>

							<%-- Calendrier d'avancement --%>
							<c:otherwise>
								<ct:input nom="Date de debut d'avancement" form="${form}"
									object="${phase}" id="dateDebutAvancement"
									idError="dateDebutAvancement_${phase.nom}" />

								<ct:input nom="Date de fin d'avancement" form="${form}"
									object="${phase}" id="dateFinAvancement"
									idError="dateFinAvancement_${phase.nom}" />
							</c:otherwise>
						</c:choose>

						<ct:input nom="Nature" form="${form}" object="${phase}"
							id="nature" />

						<ct:input type="textarea" nom="Observations" form="${form}"
							object="${phase}" id="observations" />

						<div class="footer">
							<div class="side fl">
								<a href="#">Revenir en haut de la page</a>
							</div>
							<div class="side fr">
								<c:if test="${canCreate}">
									<input type="submit" class="btn btn-primary" value="Modifier" />
								</c:if>
							</div>
						</div>
					</div>
				</div>
			</div>
		</c:forEach>


	</form>
</div>


<c:import url="/inc/content-end.jsp" />
<c:import url="/inc/footer.jsp" />